<template>
        <li>{{todo.name}}
        <button @click="$emit('remove',todo.id)">X</button>
        </li>
</template>

<script>
export default {
    name:"ToDoList",
    props:{
        todo:{
            type:Object,
            required:true
        }
    },
}
</script>

<style scoped>
   
</style>